/* 全局样式 */
.root {
    -fx-font-family: "Source Han Sans SC", "Arial", sans-serif;
}

/* 标题栏样式：顶部窗口控制栏 */
.title-bar {
    -fx-background-color: #eaf6fa;
    -fx-border-width: 0 0 1px 0;
    -fx-border-color: #e2e8f0;
    -fx-border-style: solid;
}

/* 窗口普通控制按钮悬浮样式 */
.window-control-btn:hover {
    -fx-background-color: #d4e6f0;
    -fx-cursor: hand;
}

/* 关闭按钮悬浮样式 */
.window-control-btn-close:hover {
    -fx-background-color: #ff5252;
    -fx-cursor: hand;
}

.window-control-btn-close .image-view-window-close {
    -fx-image: url("../../../images/window/window_close.png");
}

/* 鼠标悬停样式（关闭按钮图标） */
.window-control-btn-close:hover .image-view-window-close {
    -fx-image: url("../../../images/window/window_close_hover.png");
}

/* 窗口普通控制按钮按压样式 */
.window-control-btn:hover:pressed {
    -fx-background-color: #b8c6d0;
    -fx-effect: innershadow(gaussian, rgba(0, 0, 0, 0.3), 5, 0.5, 1, 1);
}

/* 窗口关闭按钮按压样式 */
.window-control-btn-close:hover:pressed {
    -fx-background-color: #e53935;
    -fx-effect: innershadow(gaussian, rgba(0, 0, 0, 0.3), 5, 0.5, 1, 1);
}

/* 左侧品牌区域 */
.left-container {
    -fx-background-color: linear-gradient(to right, #cfe2ff, #f8fafc);
    -fx-effect: dropshadow(gaussian, rgba(0, 180, 255, 0.15), 15, 0, 0, 15);
    -fx-border-width: 0 1px 0 0;
    -fx-border-color: #e2e8f0;
}

/* 右侧登录表单区域 */
.right-container {
    -fx-background-color: linear-gradient(to right, #f8fafc, #d4e6f0);
    -fx-effect: dropshadow(gaussian, rgba(0, 180, 255, 0.15), 15, 0, 0, 15);
}

/* 输入框 */
.text-field, .password-field {
    -fx-background-color: #f7fafc;
    -fx-border-color: linear-gradient(to right, #d2d6dc, #c0c4cc);
    -fx-border-radius: 8px;
    -fx-background-radius: 8px;
    -fx-prompt-text-fill: #a0aec0;
    -fx-focus-color: transparent;
    -fx-faint-focus-color: transparent;
    -fx-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.text-field:focused, .password-field:focused {
    -fx-border-color: linear-gradient(to right, #409eff, #66b1ff);
    -fx-border-width: 2px;
    -fx-scale-x: 1.02;
    -fx-scale-y: 1.02;
    -fx-effect: dropshadow(gaussian, rgba(64, 158, 255, 0.2), 8, 0, 0, 3);
}

/* 输入框图标 */
.icon-image, .icon-image-eye {
    -fx-opacity: 0.7;
    -fx-cursor: hand;
    -fx-transition: all 0.2s ease;
}

.icon-image:hover, .icon-image-eye:hover {
    -fx-opacity: 1;
    -fx-scale-x: 1.1;
    -fx-scale-y: 1.1;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.1), 3, 0, 0, 1);
}

/* 登录按钮 */
.login-button {
    -fx-background-color: linear-gradient(to right, #409eff, #66b1ff, #409eff);
    -fx-text-fill: white;
    -fx-background-radius: 8px;
    -fx-padding: 12px 0;
    -fx-cursor: hand;
    -fx-transition: all 0.3s ease;
    -fx-effect: dropshadow(gaussian, rgba(0, 123, 255, 0.3), 6, 0, 0, 2);
}

.login-button:hover {
    -fx-background-color: linear-gradient(to right, #66b1ff, #409eff, #66b1ff);
    -fx-scale-x: 1.03;
    -fx-scale-y: 1.03;
    -fx-effect: dropshadow(gaussian, rgba(0, 123, 255, 0.4), 8, 0, 0, 3);
}

.login-button:pressed {
    -fx-background-color: linear-gradient(to right, #3a8ee6, #5ca9f5, #3a8ee6);
    -fx-scale-x: 0.98;
    -fx-scale-y: 0.98;
    -fx-effect: dropshadow(gaussian, rgba(0, 123, 255, 0.2), 4, 0, 0, 1);
}

/* 链接样式 */
.link-text {
    -fx-text-fill: #409eff;
    -fx-underline: false;
    -fx-cursor: hand;
    -fx-transition: all 0.2s ease;
    /* 移除焦点时的虚线边框 */
    -fx-focus-traversable: false;
}

.link-text:hover {
    -fx-underline: true;
    -fx-text-fill: #3a8ee6;
    -fx-scale-x: 1.05;
    -fx-scale-y: 1.05;
    -fx-effect: dropshadow(gaussian, rgba(64, 158, 255, 0.1), 3, 0, 0, 1);
}

/* 链接按压样式 */
.link-text:pressed {
    -fx-text-fill: #307ebd;
    -fx-scale-x: 0.98;
    -fx-scale-y: 0.98;
    -fx-effect: dropshadow(gaussian, rgba(64, 158, 255, 0.05), 2, 0, 0, 0.5); /* 弱化阴影，突出按压的“下沉感” */
}

/* 分隔符 */
.separator-label {
    -fx-text-fill: #c0c0c0;
    -fx-padding: 0 12px;
}